<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>retrievePW</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/res/css/register.css">
</head>
<body class="bodyBackground">
    <div class="head">
        <div class="logo">aWangHotel</div>
        <div class="login">
            <span style="color:#b9cbe2;">已有aWangHotel账号,</span>
            <a style="color: white;" href="login">登陆</a>
        </div>
    </div>
    <div class="mainRegister" id="retrievePw">
        <div class="header">
               aWangHotel&nbsp;找回密码
        </div>
        <div class="form_wrap">
            <div class="reg_form">
                <div class="item">
                    <div class="leftpart">
                        <label for="QQmail">QQ邮箱&nbsp;：</label>
                    </div>
                    <div class="rightpart">
                        <input type="text" v-model="emil" name="QQemail" id="QQmail" class="box_right">
                    </div>
                </div>
                <div class="item">
                    <div class="leftpart">
                        <label for="pwd">新密码&nbsp;：</label>
                    </div>
                    <div class="rightpart">
                        <input type="password" v-model="password" maxlength="20" class="left" placeholder="密码应由6-20个字符组成" name="pwd" id="pwd">
                    </div>
                </div>
                <div class="item">
                    <div class="leftpart">
                        <label for="icode">验证码&nbsp;：</label>
                    </div>
                    <div class="rightpart">
                        <input type="text" v-model="code" name="icode" id="icode" maxlength="6">
                        <input type="button" @click="send" id="btn_getcode" value="发送验证码" style="cursor: pointer">
                    </div>
                </div>
                <div class="finish_register" @click="modification" style="cursor: pointer">
                    修改密码
                </div>
            </div>
        </div>
    </div>
    <script src="${pageContext.request.contextPath }/res/js/jquery.js"></script>
    <script src="${pageContext.request.contextPath }/res/js/vue.js"></script>
    <script src="${pageContext.request.contextPath }/res/js/retrievePw.js"></script>
</body>
</html>